
//固定导航栏
; (function () {
    $.fn.extend({
        fixedNav() {


            let self = this
            let h = self.find(".header").outerHeight()

            $(document).on("scroll", function () {
                var top = $(this).scrollTop()

                if (top > h) {
                    self.find(".boxtxt2").css({
                        position: "fixed",
                        top: 0
                    })
                    self.find(".banner").css({ margintop: self.find(".boxtxt2").outerHeight() })



                } else {
                    self.find(".boxtxt2").css({ position: "static" })
                    self.find(".banner").css({ margintop: 20 })

                }
            })

        }
    })
})()


//这里一定要是 window.onlaod
$(window).load(function () {
    $("body").fixedNav();
})


    //盖楼层
    ; (function () {
        $(function () {
            //1.获取所有的 item的位置  高度+浏览器的顶部的距离
            var oItemList = Array.from($(".item2 #a")).map(item => $(item).height() + $(item).offset().top - 30);
            console.log(oItemList);
            // console.log(oItemList);
            var oItemHeights = Array.from($(".item2 #a")).map(item => $(item).offset().top);
            // console.log(oItemList);
            //2.在滚轮事件里获取 不可见区域的高度
            $(window).on("scroll", _.debounce(function () {

                var sTop = $(this).scrollTop();
                console.log(sTop)
                //准备了一组值,看哪个值大于不可见区域,就立马返回它的的下标, 如果有多个大于不可见区域的高度
                //只取第一个大它(不可见区域)的下标
                let index = oItemList.findIndex(item => item > sTop);
                // console.log(index);
                //3.找出对应楼层
                $(".floor ul li").eq(index).addClass("seleted").siblings().removeClass("seleted");
            }), 1000)
            //点击 切换到指定楼层
            $(".floor ul li").on("click", function () {
                var $index = $(this).index();
                $("body,html").animate({ scrollTop: oItemHeights[$index] - 30 }, 300)
            })

        })
    })()


    //懒加载
    ; (function () {
        $.fn.extend({
            fixedNav1() {
                for (let i = 0; i < $('.item').length; i++) {
                    if (($($('.item')[i]).offset().top - $(window).scrollTop()) < window.innerHeight) {
                        $($('.item')[i]).animate({ opacity: 1 }, 1000)
                    }
                    $(document).scroll(function () {
                        if (($($('.item')[i]).offset().top - $(window).scrollTop()) < window.innerHeight) {
                            $($('.item')[i]).animate({ opacity: 1 }, 1000)
                        }
                    })
                }
            }
        })
    })()
$(window).load(function () {
    $(".item").fixedNav1();
})
